<div class="search-line row" data-bind="style: { display: $root.isLoginDisplay() ? 'block' : 'none' }">
	<div class="clickableEffect" style="width: 80%; margin-left: 15px; height: 30px; margin-top: 10px; font-size: 16px; color: #fff; text-shadow: none !important;" data-bind="text: $root.bookVM.FavoriteFolderLabel(), click: $root.overviewVM.getFavoriteByFolder">
	</div>
	<div class="folder-arrow clickableEffect" data-bind="click: $root.overviewVM.getFavoriteByFolder"></div>
</div>
<div>
	<div class="row header navigation-bar-bgd">
		<div class="sync" id="fastButtonSyncFavorite" , data-bind="style: { display: $root.isLoginDisplay() ? 'block' : 'none' }">
			<img class="btn-sync clickableEffect" src="img/refresh.png" />
		</div>
		<div class="header-title" data-bind="text: $root.overviewVM.title"></div>
		<div class="search edit-button yellow-bgd clickableEffect" data-bind="click: $root.overviewVM.editFavorite, text: $root.overviewVM.isEditing() ? overviewVM.strDone : overviewVM.strEdit, style: { display: $root.overviewVM.list().length > 0 ? 'block' : 'none' }">
		</div>
	</div>
	<div class="nano scroller overview" data-bind="style: { marginTop: '84px', height: ($root.bookVM.heightOfScreen() - 44 - 50 - 40) + 'px' }">
		<div class="content overthrow ">
			<div class="root" data-bind="foreach: $root.overviewVM.list">
				<div class="sub" data-bind="attr: { 'id': overView.dataId() + 'id' }">
					<div class="overview-delete-bg" data-bind="style: { display: overView.isPrepareDelete() ? 'block' : 'none' }">
						<div class="overview-delete-text" data-bind="text: $root.overviewVM.areYouSureDelete">&nbsp;</div>
						<div class="overview-delete-yes" data-bind="click: $root.overviewVM.deleteFavoriteYes, text: bookVM.strYes">Yes</div>
						<div class="overview-delete-no" data-bind="click: $root.overviewVM.deleteFavoriteNo, text: bookVM.strNo">No</div>
					</div>
					<div class="overview-narrow"></div>
					<div style="z-index: 10" class="overview-delete clickableEffect" data-bind="click: $root.overviewVM.deleteFavorite, style: { display: $root.overviewVM.isEditing() ? 'block' : 'none' }">
					</div>
					<div>
						<img onLoad=" $(this).fadeIn('normal').siblings('div').fadeOut('normal') " data-bind="click: $root.overviewVM.viewBook, attr: { src: overView.thumbnailMediumDisplay }" style="display: none; z-index: 1" class="overview-images" />
					</div>
					<div style="margin-left: 54px; height:80px;line-height: 10px;" data-bind="click: $root.overviewVM.viewBook">
						<div class="title" data-bind="text: overView.title"></div>
						<div class="overview-item">
							<p style="line-height: 20px" data-bind="text: overView.author" class="overview-author author"></p>
							<div class="overview-text" data-bind="text: overView.subExtraText">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>	